<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>俄罗斯方块 - 在线版</title>
    <link rel="stylesheet" href="tetris.css">
    <meta name="description" content="在线玩经典俄罗斯方块游戏，无需下载，即开即玩">
    <meta name="keywords" content="俄罗斯方块,在线游戏,免费游戏,Tetris">
    <!-- 让移动端更好体验 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
</head>
<body>
    <!-- 原有内容保持不变 -->
    <div class="game-container">
        <div class="game-header">
            <h1>俄罗斯方块</h1>
            <div class="score-board">
                <div>得分: <span id="score">0</span></div>
                <div>等级: <span id="level">1</span></div>
                <div>行数: <span id="lines">0</span></div>
            </div>
        </div>
        
        <div class="game-area">
            <div class="main-board">
                <canvas id="game-board" width="300" height="600"></canvas>
            </div>
            
            <div class="side-panel">
                <div class="next-piece">
                    <h3>下一个</h3>
                    <canvas id="next-canvas" width="120" height="120"></canvas>
                </div>
                
                <div class="controls">
                    <h3>操作说明</h3>
                    <div class="control-item">
                        <span>←→</span> 左右移动
                    </div>
                    <div class="control-item">
                        <span>↓</span> 快速下降
                    </div>
                    <div class="control-item">
                        <span>↑</span> 旋转
                    </div>
                    <div class="control-item">
                        <span>空格</span> 暂停
                    </div>
                </div>
                
                <button id="start-btn" class="game-btn">开始游戏</button>
                <button id="pause-btn" class="game-btn" style="display: none;">暂停</button>
                <button id="restart-btn" class="game-btn">重新开始</button>
            </div>
        </div>
    </div>

    <div id="game-over-modal" class="modal" style="display: none;">
        <div class="modal-content">
            <h2>游戏结束</h2>
            <p>最终得分: <span id="final-score">0</span></p>
            <button id="restart-modal-btn" class="game-btn">再来一局</button>
        </div>
    </div>

    <script src="tetris.js"></script>
</body>
</html>